<template>
  <div id="reminder">
      <div>
        <span>985工程院校: </span>
        <img src="http://115.159.66.213:8000/985.png" alt="" style="width: 48px;height: 48px">
      </div>
      <div>
        <span>211工程院校:</span>
        <img src="http://115.159.66.213:8000/211.png" alt="">
      </div>
      <el-button type="primary" size="small" class="button" @click="buttonWarn">温馨提示</el-button>
  </div>
</template>

<script>
  export default {
    name: "Reminder",
    methods:{
      buttonWarn(){
        this.$message({
          message: '亲爱的用户，本站目前收录了武汉七校的详细信息，其它学校信息还在采集中哦！！！',
          type: 'warning'
        });
      }
    }
  }
</script>

<style scoped>
  #reminder{
    position: absolute;
    right: 20px;
    top: 5px;
    width: 400px;
    height: 100px;
    border: 2px solid #ffa35c;
    background-color: rgba(0,0,0,0.3);
  }

  #reminder>div{
    float: left;
    height: 50px;
    margin-top: 25px;
  }

  #reminder span{
    display: inline-block;
    height: 50px;
    line-height: 50px;
    vertical-align: top;
    font-weight: 700;
  }

  .button{
    margin-top: 30px;
    margin-left: 15px;
  }
</style>